<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>宁波分公司通讯录系统</title>
<!-- Bootstrap -->
<h1>宁波分公司通讯录系统</h1>
<link href="resources/css/bootstrap.min.css" rel="stylesheet"
	media="screen">
</head>
<body>
	<form class="navbar-search pull-left">
		<input type="text" class="search-query" placeholder="Search">
		<input type="submit" name="submit" value="查询" />
	</form>
	<!-- Button to trigger modal -->
	<a href="#myModal" role="button" class="btn" data-toggle="modal">查看邮件列表</a>

	<!-- Modal  弹出对话框内存 （用于邮件地址复制）-->
	<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">Modal header</h3>
		</div>
		<div class="modal-body">
			<p>One fine body…</p>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
			<button class="btn btn-primary">Save changes</button>
		</div>
	</div>
	<br><br>
	<!--邮件条件筛选开始-->
	<div class="accordion" id="accordion2">
		<div class="accordion-group">
			<div class="accordion-heading">
				<a class="accordion-toggle btn btn-info" data-toggle="collapse"
					data-parent="#accordion2" href="#collapseOne"> 邮件地址筛选条件选择 </a>
			</div>
			<div id="collapseOne" class="accordion-body collapse">
				<div class="accordion-inner">
					<form action="show" method="post" name="myform">
						<table>
							<!-- <tr>
								<!--<td>性别:</td>
								<td><label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox1" value="1"
										checked="checked">男
								</label> <label class="checkbox inline"> <input type="checkbox"
										id="inlineCheckbox2" value="2" checked="checked">女
								</label></td>
							</tr> -->
							<tr>
								<td>职务：</td>
								<td><label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox3" value="3"> 总经理室成员
								</label> <label class="checkbox inline"> <input type="checkbox"
										id="inlineCheckbox4" value="4"> 部门负责人（不含支公司、营销服务部负责人）
								</label><label class="checkbox inline"> <input type="checkbox"
										id="inlineCheckbox20" value="20"> 片区负责人
								</label> <label class="checkbox inline"><input type="checkbox"
										id="inlineCheckbox5" value="5"> 支公司、营销服务部负责人</label>
							
								
								<label class="checkbox inline"><input
										type="checkbox" id="inlineCheckbox6" value="6"> 组训</label> <label
									class="checkbox inline"><input type="checkbox"
										id="inlineCheckbox7" value="7">
										支公司、营销服务部综合内勤</label></td>
							</tr>
							<tr>
								<td>部门：</td>
								<td><label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox9" value="9">办公室
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox10" value="10">人力资源部
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox11" value="11">财务部
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox12" value="12">企划部
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox13" value="13">个人业务部
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox14" value="14">银保系列
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox15" value="15">教育培训部
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox16" value="16">运营服务部
								</label>
								<label class="checkbox inline"> <input
										type="checkbox" id="inlineCheckbox17" value="17">保费部
								</label></td>
							</tr>
							
<tr><td><input type = "submit" value = "提交"  class="btn btn-primary" >
</td>
</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
	</div>
	<br>
	<br>

	<div class="container" style="width: 77%;">
		<table class="table table-bordered table-condensed table-hover tb">
			<tr>
				<td>部门</td>
				<td>姓名</td>
				<td>分属科室</td>
				<td>IP分机</td>
				<td>直线电话</td>
				<td>直线虚拟号</td>
				<td>手机</td>
				<td>虚拟网号码</td>
				<td>邮箱地址</td>
			</tr>
			<c:forEach items="${txlList }" var="txl">
				<tr>
					<td>${txl.bumen }</td>
					<td>${txl.name }</td>
					<td>${txl.keshi }</td>
					<td>${txl.ip }</td>
					<td>${txl.zhixian }</td>
					<td>${txl.zhixianxuni}</td>
					<td>${txl.mob }</td>
					<td>${txl.xunihao }</td>
					<td>${txl.email }</td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<script src="resources/js/jquery-1.9.0.min.js"></script>
	<script src="resources/js/bootstrap.min.js"></script>
</body>
</html>